<template>
	<div class="home">
		<img alt="Vue logo" src="../assets/logo.png">
		<div>从select组件拿到的数据{{childMsg}}</div>
		<div class="box">
			<HelloWorld  :list="list" placeholder='请选择你的选项' bgColor='white' 
				@change="getItem" :clear="true" :chooseMore="true"/>
		</div>
		
	</div>
</template>

<script>
	// @ is an alias to /src
	import HelloWorld from '@/components/select/index.vue'

	export default {
		name: 'HomeView',
		components: {
			HelloWorld
		},
		data() {
			return {
				activeNames: ['1'],
				childMsg: '',
				list: [{
						text: '市直',
						value: 0
					},
					{
						text: '蓬江区',
						value: 1
					},
					{
						text: '江海区',
						value: 2
					},
					{
						text: '新会区',
						value: 3
					},
					{
						text: '台山市',
						value: 8
					},
					{
						text: '开平市',
						value: 7
					},
					{
						text: '鹤山市',
						value: 6
					},
					{
						text: '恩平市',
						value: 5
					},
					// {
					// 	text: '广东省',
					// 	value: 10
					// },
					// {
					// 	text: '深圳市',
					// 	value: 11
					// },
					// {
					// 	text: '广州市',
					// 	value: 12
					// },
					// {
					// 	text: '珠海市',
					// 	value: 13
					// },
					// {
					// 	text: '中山市',
					// 	value: 14
					// },
				],
			}
		},
		methods: {
			getItem(value) {
				this.childMsg = value
				// console.log(value)
			},
			recevie(v) {
				// console.log('我是父组件的事件,我收到了', v)
			}
		}
	}
</script>

<style lang="less" scoped>
// .home::v-deep .selectText{
// 	font-size: 30px;
// }
.box{
	width: 300px;
	height: 30px;
	margin: 0 auto;
}
</style>
